/* chen */
/* 2022/1/21 周五 2:35 */

/*容器*/
.container {
	/* 确保没有高度的时候也会100% */
	min-height: 100vh;
	/* 每个页面的背景 */
	background-color: var(--echo-main-page-bg-color);
}

/* 详情页面 */
/* 文章详情页面，任务详情页面公共样式 */

.detail {
	padding: 40rpx;
}

/* 标题 */
.detail_title {
	font-size: var(--echo-font-size-title);
}

/* 内容 */
.article_detail .detail_info, .task_detail .detail_info{
	font-size: var(--echo-font-size-conent);
	line-height: 1.5;
}

/* 底部评论区 */
.comment_bar,
.buy_bar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10rpx;
}

.comment_bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	box-shadow: 0 1px 1px 1px rgb(0 0 0 / 30%);
	padding: 10px 10px;
	box-sizing: border-box;
}

/* 发表评论 */
.comment_input {
	border-radius: 20px 20px 0 20px !important;
	background: #f2f2f2;
	text-indent: 20rpx;
}

/* 返回按钮 */
.back_btn {
	position: absolute;
	z-index: 2;
	top: 40rpx;
	left: 40rpx;
}

/* 页面标题 */
.pages_title {
	font-weight: 700;
	font-size: 32rpx;
	text-align: center;
	padding: 40rpx;
}
